<template>
  <div class="page_padding">
    <MyNavBar @goback="goback" :title="pageTitle" />
    <div class="bonus_box_remark">
      <div class="add_r_title" v-if="type != 'serve'">加分构成说明</div>
      <div v-for="(mark, index) in remarkList" :key="index">
        <span v-if="!type">{{ index + 1 }}.</span>
        <span class="add_r_title" v-if="type != 'serve'">{{ mark.title }}：</span>
        <span v-html="mark.ramarkCalcRuleShow"></span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      pageTitle: '加分项构成说明',
      remarkList: [],
      type: '',
    }
  },
  created() {
    this.type = this.$route.query.type
    if (this.type) {
      this.pageTitle = '申请说明'
    }
    this.remarkList = JSON.parse(this.$route.query.remark)
  },
  mounted() {},
  methods: {
    goback() {
      this.$router.go(-1)
    },
  },
}
</script>

<style lang="scss" scoped>
.page_padding {
  background-color: #fff;
  .bonus_box_remark {
    background-color: #fff;
    // height: 100%;
    color: #a7a7a7;
    font-size: 12px;
    padding: 5px 8px 16px;
    line-height: 24px;
    .add_r_title {
      font-size: 13px;
      font-weight: bold;
      color: #333;
    }
  }
}
</style>
